import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    createSvgIconsPlugin({
      // Specify the icon folder to be cached
      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
      // Specify symbolId format
      symbolId: 'icon-[dir]-[name]',
    })
  ],
  server:{
    port:8080,
    host:'0.0.0.0'
  },
  // proxy: {
  //   "/api": {
  //     target: "http://127.0.0.1:2233",//需代理的后端接口
  //     secure: false,//开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求
  //     changeOrigin: true,
  //     pathRewrite: {
  //       "^/api": "/",//重写匹配的字段。把/api 转为 /
  //     }
  //   }
  // },
  resolve:{
    alias:{
      "@":path.resolve("./src")  // 相对路径别名配置，用@代替src
    }
  },
  css: {  // scss全局变量配置项
    preprocessorOptions: {
      scss: {
        javascriptEnabled: true,
        additionalData: '@import "./src/styles/variable.scss";',
      },
    },
  },
})
